import React from "react";
import { NavLink } from "react-router-dom";
import "./index.less";

function index() {
    return (
        <div className="tab-bar-container">
            <NavLink to="/home" activeClassName="nav-active">
                <div className="iconfont icon-shouye"></div>
                <div className="tab-name">首页</div>
            </NavLink>
            <NavLink to="/category" activeClassName="nav-active">
                <div className="iconfont icon-category"></div>
                <div className="tab-name">分类</div>
            </NavLink>
            <NavLink to="/cart" activeClassName="nav-active">
                <div className="iconfont icon-gouwuche"></div>
                <div className="tab-name">购物车</div>
            </NavLink>
            <NavLink to="/profile" activeClassName="nav-active">
                <div className="iconfont icon-sself"></div>
                <div className="tab-name">我的</div>
            </NavLink>
        </div>
    );
}

export default index;
